<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册</title>
    <link rel="stylesheet" href="./css/register.css">
    <script src="./lib/jquery-3.4.1.js"></script>
    <script src="./lib/axios.v0.19.0.min.js"></script>
    <script src="./js/register.js"></script>
</head>
<body>
    <div class="shleter">
        <div class="register">
            <div class="option_reg">
                <div>手机号登录</div>
                <div>邮箱登录</div>
            </div>
            <div class="content_reg">
                <div class="code_reg">使用密码验证登录</div>
                <div class="phone_reg">
                    <div class="img_phone" ></div>
                    <input type="text" id="phone_text" placeholder="请输入手机号">
                    <span class="phone_test">手机号格式错误!</span>
                </div>
                <div class="slide_verify">
                    <span class="arrow"></span>
                    <span>向右拖动滑块填充拼图</span>
                    <div class="slide_img1"> <img src="./img/huakuai01.jpg" alt=""></div>
                    <div class="slide_img2"></div>
                </div>
                <div class="verify_code">
                    <input type="text" id="code" placeholder="请输入短信验证码">
                    <input type="button" class="get_code" value="获取验证码">
                    <span class="sliped_test">请先拖动滑块进行安全验证!</span>
                </div>
                <a href="#" class="faster_reg">手机号快捷登录</a>
              
                <div class="termes">
                    <div class="tick"></div>
                    <p class="serv_terme" >
                        我同意
                        <a href="#">《服务条款》</a>
                        和
                        <a href="#">《网易隐私政策》</a>
                    </p>
                </div>
            </div>
            <div class="third_reg">
               <div class="third_img">
                   <a href="#"></a>
                   <a href="#"></a>
                   <a href="#"></a>
                   <a href="#"></a>
               </div>
               <p>遇到问题？</p>
            </div>
        </div>
    </div>
</body>
</html>